<template>
  <div class="loginhome">
    <!-- 头部 -->
    <div class="loginheader">网易云音乐</div>
    <!-- 注册及登录 -->
    <div class="loginDiv">
      <el-button type="primary" class="loginNum" @click="numlogin"
        >手机号登录</el-button
      >
      <br />
      <el-button type="primary" class="register" @click="register"
        >注册</el-button
      >
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    numlogin() {
      this.$router.push("/numLogin");
    },
    register() {
      this.$router.push("/register");
    },
  },
};
</script>

<style scoped>
.loginheader {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: red;
  border-bottom: red 1px solid;
  height: 30px;
}

.loginDiv {
  margin-top: 200px;
}

.loginDiv .loginNum {
  width: 330px;
  margin-left: 10px;
  background-color: red;
}
.register {
  width: 330px;
  margin-left: 10px;
  margin-top: 20px;
  background-color: red;
}
</style>